<template>
<div class="panel">
    <div class="panel-header">
        <div class="bl"></div>
        <div class="title">合同信息</div>
        <div class="more">
            <el-button v-has="'order-update'" type="primary">编辑</el-button>
        </div>
    </div>
    <div class="panel-body">
        <el-descriptions :column="2" border :labelStyle="{width:'8rem'}">

            <el-descriptions-item>
                <template slot="label">
                    <i class="el-icon-office-building"></i>
                    门店
                </template>
                {{bom.store.title}}
            </el-descriptions-item>

            <el-descriptions-item>
                <template slot="label">
                    <i class="el-icon-dish"></i>
                    套餐
                </template>
                {{bom.package.title}}
            </el-descriptions-item>

            <el-descriptions-item>
                <template slot="label">
                    <i class="el-icon-pie-chart"></i>
                    入住日期
                </template>
                {{bom.start_date}}
            </el-descriptions-item>

            <el-descriptions-item>
                <template slot="label">
                    <i class="el-icon-map-location"></i>
                    离店日期
                </template>
                {{bom.end_date}}
            </el-descriptions-item>
            <el-descriptions-item>
                <template slot="label">
                    <i class="el-icon-chat-square"></i>
                    备注
                </template>
                {{order.remark}}
            </el-descriptions-item>

            <el-descriptions-item>
                <template slot="label">
                    <i class="el-icon-paperclip"></i>
                    附件
                </template>
                <upload-file-list :file-list="order.files"></upload-file-list>
            </el-descriptions-item>
        </el-descriptions>
    </div>
</div>
</template>

<script>
// files
import uploadFileList from '@/components/files/index';

export default {
    components: {
        uploadFileList
    },
    props: {
        bom: {
            type: Object,
            default: function () {
                return Object.assign({}, order);
            }
        }
    },
    methods: {}
}
</script>

<style lang="less">

</style>
